<template>
  <div class="chart-card">
    <div class="clearfix">
      <span>其他</span>
      <el-button type="text">全部 ></el-button>
    </div>
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="学校名称" />
      <el-table-column prop="avgScore" label="保底分数线/人/月" align="right" />
      <el-table-column prop="targetScore" label="目标分数线/人/月" align="right" />
      <el-table-column prop="rank" label="文化课分数线/分" width="120" align="center" />
    </el-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: [{
            name: '河南省体育局',
            avgScore: '¥7,988.67',
            targetScore: '¥6,030.77',
            rank: '24'
          },
          {
            name: '北京体育大学',
            avgScore: '¥9,454.33',
            targetScore: '¥7,098.36',
            rank: '20'
          },
          {
            name: '辽宁省体育局',
            avgScore: '¥6,700.32',
            targetScore: '¥4,829.69',
            rank: '19'
          }
        ],
      }
    }
  }
</script>

<style scoped>
  .chart-card {
    height: 100%;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
  }

  .chart-card .el-card__header {
    padding: 15px 20px;
    border-bottom: 1px solid #EBEEF5;
  }


  .el-table th {
    background-color: #F5F7FA !important;
  }

  .clearfix {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
</style>
